$bodyMagin: #{(20/24)}rem;
$colorBorder: #f0f0f0;
$colorRed: #ff626d;

.buybox {
    padding: #{(100/24)}rem 0;

    .item {
        background-color: #fff;
        color: #333;
        padding: {
            left: #{((60+30+5)/24)}rem;
            right: $bodyMagin;
            top: #{(14/24)}rem;
            bottom: #{(14/24)}rem;
        };
        font-size: #{(26/24)}rem;
        line-height: #{((100-28)/24)}rem;

        .mark {
            width: #{(30/24)}rem;
            margin: {
                left: -#{((5+40)/24)}rem;
                top: #{((106-30)/4/24)}rem;
            }
            float: left;
        }

        .mark2 {
            margin-top: #{((100-30)/4/24)}rem;
            float: right;
            margin-right: #{((120)/4/24)}rem;
        }

        .mark3 {
            float: right;
            width: 1rem;
        }

        .mkphone {
            width: 1.15rem;
            margin-left: -1.775rem;
        }

        .sltsch,
        input,
        select {
            width: 100%;
        }

        input {
            color: #999;
            height: #{((100-28)/24)}rem;

            &[disabled] {
                color: inherit;
            }
        }

        .sltsch {
            display: block;
            box-sizing: border-box;
            padding-right: 2rem;
        }

        .money {
            float: right;
            color: $colorRed;
        }

        .sltbar label {
            padding-left: 2rem;
            background: url("../Img/buy/slt.png") no-repeat left center;
            background-size: auto 100%;
            margin-left: 1.2rem;

            &.slted {
                background-image: url("../Img/buy/slted.png");
            }
        }

        .paytal {
            color: #2ba245;
            padding-left: 1rem;
        }
    }

    .b-br {
        border-bottom: 1px solid #ccc;
    }

    .mbpx {
        margin-bottom: 1px;
    }

    .itmtop {
        line-height: 1.6em;

        .mark {
            width: #{(100/24)}rem;
            padding-right: #{(62/24)}rem;
            margin-top: 0;
        }

        .mkword {
            font-size: #{(28/24)}rem;
            line-height: #{(100/24)}rem;
        }
    }

    .title {
        color: #333;
        padding-left: #{(50/24)}rem;
        font-size: #{(24/24)}rem;
        line-height: #{(60/24)}rem;

        span {
            font-size: #{(20/24)}rem;
            padding-left: #{(34/24)}rem;
            color: #c30d23;
        }
    }

    .dnbotm {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        font-size: #{(30/24)}rem;
        color: #333;
        line-height: #{(100/24)}rem;

        & > div.lineblock {
            padding-left: #{(20/24)}rem;
        }

        img {
            height: #{(30/24)}rem;
            margin: {
                right: 0.6rem;
                top: -.3rem;
            }
        }

        i {
            font-style: initial;
            color: #ff626d;
            padding-left: 0.4rem;
        }

        input {
            color: #fff;
            background-color: #c30d23;
            height: 100%;
            float: right;
            display: block;
            line-height: inherit;
            padding: 0 2rem;
            font-size: #{(34/24)}rem;

            &.youhui0 {
                width: 100%;
            }
        }
    }

    #schooltips {
        margin-bottom: #{(20/24)}rem;
        padding: #{(28/24)}rem #{(50/24)}rem #{(24/24)}rem;
        line-height: 1rem;
        background: #FFF url("../img/buy/bian.png") repeat-x bottom left/auto 2px;
    }

    .authenbox {
        font-size: #{(20/24)}rem;
        color: #333;
        padding: #{(10/24)}rem #{(80/24)}rem #{(30/24)}rem;
        line-height: 1.7;

        h5 {
            font-size: inherit;
            font-weight: normal;
        }

        ul {
            font-size: inherit;
        }
    }

    .cardbox {
        padding-top: #{(38/24)}rem;
        padding-left: #{(80/24)}rem;
        padding-right: #{(80/24)}rem;

        .left,
        .right {
            width: 46%;
            border: 1px dotted #999;
            border-radius: #{(10/24)}rem;
        }

        .upcard {
            display: none;
        }
    }
}
/* webkit 浏览器*/

.item input::-webkit-input-placeholder {
    color: #999;
}

.item input::-webkit-input-placeholder {
    color: #999;
}

.item input::-webkit-input-placeholder {
    color: #999;
}
/* 火狐浏览器 */

.item input::-moz-placeholder {
    color: #999;
}

.item input::-moz-placeholder {
    color: #999;
}

.item input::-moz-placeholder {
    color: #999;
}
